<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

</head>
<body>
                                    
<div class="colock" >
<h1>倒计时</h1>
<div class="srtting"></div>
<div class="wocao">
<input type="number" max="23" min="0">小时
<input type="number"  max="59" min="0">分钟
<input type="number" max="59" min="0">秒

</div>

<div class="show">

    <div class="item">0</div>
    <div class="item">0</div>
    <b>:</b>
    <div class="item">0</div>
    <div class="item">0</div>
<b>:</b>    
    <div class="item">0</div>
    <div class="item">0</div>
    <b></b>
</div>
<button class="btn" onclick="statusbar">开始</button>


</div>    
<style>
.colock{
    text-align: center;
    background-color:rgb(130, 125, 125);
    border-radius: 5px;
    width: 500px;
    margin: auto;
}

.show{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}


.item{
    background-color: aliceblue;
    border-radius: 3px;
    border: 1px solid #282525;
    color: rgb(232, 221, 221);
    font-weight: bold;
    font-size: 50px;
    padding: 2px 15px;
}

.wocao{
    

    background-color: rgb(254, 254, 254);
    text-align:center;
    border-radius: 10px;
    padding: 20px;
}

.myinput

.hhh{
    background-color: black;
    color: aliceblue;
}


</style>

    <script type="module" src="/1.js"></script>
    
</body>
</html>